@charset "utf-8";
html{ font:normal 62.5%/2.3em "微软雅黑",Arial;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:1.2em; color:#414446; width:100%; zoom:1;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; vertical-align:top; max-width:100%;}
a{ color:#868686; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#014375;}
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after{
    display: block;
    font-size: 0;
    line-height:0;
    visibility: hidden;
    height: 0;
    clear: both;
    content: " ";  
}
ul li{ list-style-type:none;}
em{ font-style:normal;}
.Texthide{ display:none;}

.Contain{}
.Content{ min-height:500px;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}

.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

.Main{ max-width:1200px; margin:0 auto;}


.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
@media screen and (max-width:1220px){
.Main{ padding:0 10px; min-width:300px; max-width:auto;}
}

/*top.html*/
.Top{ background:#fff; color:#fff;}
.Top .Main{ position:relative; min-height:114px;}
.divlogo{ position:absolute; left:0px; top:0px; height:100%;}
.divlogo .logo{ display:table; height:100%;}
.divlogo .a_logo{ display:table-cell; vertical-align:middle;}

@media screen and (max-width:1220px){
.divlogo{ left:10px;}
}

.TopRight{ float:right; line-height:24px; margin-top:23px; width:50%;}
.divLanguage{ float:right; position:relative; z-index:1;}
.divLanguage .span{ display:block; background:url(../images/icon_language.png) no-repeat left center; padding-left:20px; cursor:pointer;}
.divLanguage .span .font{ display:block; background:url(../images/icon_toDown.png) no-repeat right center; padding-right:15px; color: #fff}
.divLanguage .span .font:hover{ color: #fff }
.divLanguage ul{ display:none; z-index:2; position:absolute; left:0; width:100%;  border: #fff 1px solid;}
.divLanguage:hover ul{ display:block;}
.divLanguage ul li a{ display:block; display:block; color:#fff; text-align:center;}
.divLanguage ul li a:hover{color:#e62129;}

.top_line{ float:right; width:0px; height:11px; border-left:#013155 1px solid; margin: 6px 15px;}

.SreachBox{ float:right; width:166px; height:24px; line-height:24px; border:#5581a2 1px solid; border-radius:10px; overflow:hidden;}
.SreachBox .sreach_btn{ width:24px; height:24px; display:block; float:right; background:url(../images/icon_search.png) no-repeat 3px center;}
.SreachBox .sreach_ipu{ width:130px; height:24px; line-height:24px; margin-left:10px; border:0px; background:none; color:#fff;}



.TopRight .divWeinxin,.TopRight .divSina{ float:right; position:relative; z-index:1; cursor:pointer; margin-left:9px; height:26px;}
.TopRight .divWeinxin .span_weixin{ display:inline-block; width:26px; height:26px; background:url(../images/icon_weixin.png) no-repeat center center;}
.TopRight .divWeinxin .divImg,.TopRight .divSina .divImg{ display:none; position:absolute; left:-47px; top:26px; width:118px; z-index:2; line-height: 9px;}
.TopRight .divWeinxin .divImg .triangle_border_up,.TopRight .divSina .divImg .triangle_border_up{ display:inline-block; width:0; height:0; border-width:0 9px 9px; border-style:solid; border-color:transparent transparent #fff;/*透明 透明  灰*/  margin:0 54px; line-height:9px;}
.TopRight .divWeinxin .divImg .img,.TopRight .divSina .divImg .img{ box-shadow:0px 4px 4px #eee;}
.TopRight .divWeinxin .divImg .img img, .TopRight .divSina .divImg .img img{ width:100%;}

.TopRight .divWeinxin:hover .span_weixin{ background:url(../images/icon_weixin_on.png) no-repeat center center;}
.TopRight .divWeinxin:hover .divImg{ display:block;}

.TopRight .divSina .span_Sina{display:inline-block; width:26px; height:26px; background:url(../images/icon_sina.png) no-repeat center center;}
.TopRight .divSina:hover .span_Sina{ background:url(../images/icon_sina_on.png) no-repeat center center;}
.TopRight .divSina:hover .divImg{ display:block; }

.MainNav{ float:right; margin-top:10px;}
.MainNav ul li{ float:left; position:relative;}
.MainNav ul li .navA{ display:block; padding:0 30px; color:#000; line-height:100px; font-size:1.5em; text-align:center;}
/*.MainNav ul li:last-of-type .navA{ padding-right:0;}*/
.MainNav ul li .divDown{ display:none; position:absolute; left:0px; top:55px; width:100%; z-index:4;}
.MainNav ul li .divDown dl{ position:relative; background:#fff; font-size:1.167em; padding:11px 0; min-height: 213px;}
.MainNav ul li .divDown dd .navDD{ display:block; text-align:center; line-height:36px; color:#333333;}
.MainNav ul li .divDown dd .divTopNewsImg{ display:none; position:absolute; left:100%; top:0px; width:222%; background:url(../images/topNewsImg_bg.png) repeat left top; padding:18%; min-height:192px;}
.MainNav ul li .divDown dd .divTopNewsImg .tit{ display:block; text-decoration:underline; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.MainNav ul li#nav3 .divDown dd .divTopNewsImg,.MainNav ul li#nav4 .divDown dd .divTopNewsImg,.MainNav ul li#nav5 .divDown dd .divTopNewsImg,.MainNav ul li#nav6 .divDown dd .divTopNewsImg{ left:auto; right:100%;}

.MainNav ul li.onnav .navA{ font-weight:bold;color: #1e218a; }
.MainNav ul li:hover .navA{ font-weight:bold;  background:url(../images/onmenu_bg.png) no-repeat center bottom;color: #1e218a;}
.MainNav ul li:hover .divDown{ display:block;}
.MainNav ul li .divDown dd:hover .navDD{ font-weight:bold; color:#e62129;}
.MainNav ul li .divDown dd:hover .divTopNewsImg{ display:block;}
.MainNav ul li .divDown dd:hover .divTopNewsImg img{ width:100%;}

/*手机站菜单按钮*/
.navbar-toggle{ position:absolute; top:30%; right:0; margin-top:0px; padding: 9px 10px; margin-right: 15px;margin-bottom: 8px;background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; border-color: #ddd; cursor:pointer; display:none;}
.navbar-toggle .icon-bar{display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #333; margin-top: 4px;}
.navbar-toggle:hover{ background:#ddd;}

@media screen and (max-width:1024px){
.MainNav ul li .divDown dl{ min-height:inherit;}
.MainNav ul li .divDown dd:hover .divTopNewsImg{ display:none;}
}
/*top.html*/

/*banner*/
.HomeBan{ width:100%; position:relative;}
.HomeBan .BanList{ width:100%;}
.HomeBan .BanList li{ float:left; width:100%; overflow:hidden;}
.HomeBan .BanList li a{ width:100%; display:block;}
.HomeBan .BanList li a img{ width:100%;}
.HomeBan .TabList{ width:100%; height:12px; left:0px; bottom:26px; position:absolute;}
.HomeBan .TabList .List{ text-align:center;}
.HomeBan .TabList li{ display:inline-block; width:12px; height:12px; padding:0 3px;}
.HomeBan .TabList li span{ width:12px; height:12px; display:block; cursor:pointer; background:#fff; border-radius:50%;}
.HomeBan .TabList li.on span{ background:#e62129;}

@media screen and (max-width:1220px){
.HomeBan .TabList{bottom:5%; }
}

.Banner img{ width:100%;}

/*banner*/

/*bottom.html*/
.toTop{ display:none; position:fixed; right:5%; bottom:10%; background:url(../images/toUp.png) no-repeat center center; width:50px; height:50px;}
.Bottom{  background-color:#333;  padding:55px 0;}
/*.Bottom .BottomLinks{ float:left; width:78%; min-height:244px;}*/
.Bottom .BottomLinks dl{ float:left; padding:0 2.5%; width:11.5%;}
.Bottom .BottomLinks dl dt{ font-size:1.167em; color:#bcbcbd;line-height:130px}
.Bottom .BottomLinks dl dd a{ display:block; line-height:28px;}

.Bottom .btRight{ float:right; width:17.5%;  text-align: right;}
.Bottom .btRight .lineBt{ margin-top:40px; margin-bottom:14px; width:100%; height:0px; border-bottom:#fff 1px solid; opacity:0.33;}  
.Bottom .btRight .divWeinxin,.Bottom .btRight .divSina{ float:right; position:relative; z-index:1; cursor:pointer; margin-left:9px; height:26px;}
.Bottom .btRight .divWeinxin .span_weixin{ display:inline-block; width:26px; height:26px; background:url(../images/icon_weixin.png) no-repeat center center;}
.Bottom .btRight .divWeinxin .divImg,.Bottom .btRight .divSina .divImg{ display:none; position:absolute; right:0px; left:auto !important; top:26px; width:118px; z-index:2; line-height: 9px; overflow:hidden;}
.Bottom .btRight .divWeinxin .divImg .triangle_border_up,.Bottom .btRight .divSina .divImg .triangle_border_up{ display:inline-block; width:0; height:0; border-width:0 9px 9px; border-style:solid; border-color:transparent transparent #fff;/*透明 透明  灰*/  line-height:9px; float:right; margin-right:1px; }
.Bottom .btRight .divWeinxin .divImg .img,.Bottom .btRight .divSina .divImg .img{ box-shadow:0px 4px 4px #eee;}
.Bottom .btRight .divWeinxin .divImg .img img, .Bottom .btRight .divSina .divImg .img img{ width:100%;}
.Bottom .btRight .divWeinxin:hover .span_weixin{ background:url(../images/icon_weixin_on.png) no-repeat center center;}
.Bottom .btRight .divWeinxin:hover .divImg{ display:block;}

.Bottom .btRight .divSina .span_Sina{display:inline-block; width:26px; height:26px; background:url(../images/icon_sina.png) no-repeat center center;}
.Bottom .btRight .divSina:hover .span_Sina{ background:url(../images/icon_sina_on.png) no-repeat center center;}
.Bottom .btRight .divSina:hover .divImg{ display:block; }

.Bottom .lineBottomLinks{ display:none;}

.BottomBt{ background:#282a2d; color:#d3d3d3; line-height:2; padding:15px 0;}
.BottomBt .CopyRight{ text-align: center;}
.BottomBt .CopyRight a{ font-weight:bold; color:#d3d3d3; }
.BottomBt .links{ float:left;}
.BottomBt .links a{ display:inline-block; color:#d3d3d3;}
.BottomBt .links a:hover{ color:#014375;}
.BottomBt .links em{ display:inline-block; margin:0 10px;}


@media screen and (max-width:1220px){
.Bottom{ padding:4.5% 0;}
}
/*bottom.html*/

/*silde*/
.CurrentCont{ border-bottom:#edf2f5 1px solid;}
.CurrentCont .Main{ background:url(../images/column-bg.png) no-repeat left top; padding-top:2%; padding-bottom:2%;}
.Current{ color:#a2afb8; font-size:1.167em;float: right;}
.Current a{ color:#a2afb8; font-size:1.167em;}
.Current a:hover{ color:#014375;}
.Current span{ color:#617787;}

.CurrentContInfo{ background:#f6f6f6;}
.CurrentContInfo .Main{ background:url(../images/column-bg.png) no-repeat right top;}
.CurrentContInfo .Main dl{ text-align: right;}

.Menu .spanTitle{ display:block; float:left; font-size:2.25em; color:#404e57; margin-bottom:10px;}
.Menu .spanTitle .red{ color:#e62129;}
.Menu .MenuList{ float:right; position:relative; margin-top:25px;}
.Menu .MenuList ul li,.Menu .MenuList ul li dd{ float:left; padding-left:21px; line-height:37px; background:url(../images/menuL.png) no-repeat left top; margin-bottom:10px; }
.Menu .MenuList ul li{ position:relative;}
.Menu .MenuList ul li dl{ display:none; position:absolute; right:0; left:0;  top:36px; padding-top:10px; z-index:2;}

.Menu .MenuList ul li dd{ float:none;}
.Menu .MenuList ul li a{ display:block; padding-right:21px; background:url(../images/menuR.png) no-repeat right top;}
.Menu .MenuList ul li a span{ text-align:center; display:block; background:#edf2f5; color:#617787; font-size:1.167em; padding:0 10px;}
.Menu .MenuList ul li dl a span{ font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:0; padding-right:0;}
.Menu .MenuList ul li:hover,.Menu .MenuList ul li.onmenu,.Menu .MenuList ul li.cur,.Menu .MenuList ul dd:hover,.Menu .MenuList ul dd.onmenu{background:url(../images/menuL2.png) no-repeat left top;}
.Menu .MenuList ul li:hover a.menuA,.Menu .MenuList ul li.onmenu a.menuA,.Menu .MenuList ul li.cur a.menuA,.Menu .MenuList ul dd:hover a,.Menu .MenuList ul dd.onmenu a{background:url(../images/menuR2.png) no-repeat right top;}
.Menu .MenuList ul li:hover a.menuA span,.Menu .MenuList ul li.onmenu a.menuA span,.Menu .MenuList ul li.cur a.menuA span,.Menu .MenuList ul dd:hover a span,.Menu .MenuList ul dd.onmenu a span
.Menu .MenuList ul li:hover dl{ display:block;}
@media screen and (max-width:1024px){
.Menu .MenuList{ position:static;}
/*.Menu .MenuList ul li:hover{ display:none; }
*/}
/*slide*/

/*pages*/
.Pages{ padding:5% 0 ; zoom:1; overflow:hidden; color:#333; text-align:center; display:block;}

.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; padding:0 12px; line-height:32px; text-align:center; float:left; border:solid 1px #ededed; margin: 0 3px;}
.Pages .p_page{ float:rigth;}
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{ height:32px; line-height:32px; text-align:center; border:solid 1px #ededed; font-size:14px; }
.Pages .p_page a:hover{color:#fff;background:#014375;}
.Pages .p_page em a.a_cur{ color:#fff;background:#014375;}
.Pages .p_page .em_num{ display:none;}
/*pages end*/


/*index*/
.HomeTile{ position:relative; text-align:center; z-index:2; line-height:40px; margin-bottom:5%;}
.HomeTile .cn{ display:block; font-size:2.667em; color:#0a0a0a;}
.HomeTile .cn .bull{ color:#1e218a;}
.HomeTile .en{ display:block;  width:100%; text-align:center; position:absolute; top:0px; font-family:"Arial"; font-size:3.33em; color:#ebebeb; z-index:-1; text-transform:uppercase;}

.HomeAbout { padding:150px 0;}
.HomeAbout .divCont{ position:relative;}
.HomeAbout .divleft{ float:left;width:50%; padding-bottom:60px;}
.HomeAbout .divleft .a_about_more{ position:absolute; left:0px; bottom:0px; display:block; border:#585858 1px solid; width:150px; height:46px; line-height:46px; text-align:center; font-size:1.167em; color:#262626;}
.HomeAbout .divleftCont p{ font-size:14px;}
/*.HomeAbout .divleft .divleftCont{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}*/
.HomeAbout .divRight{ float:right; width:43%; padding-left:7%;}
.HomeAbout .divRight .divCont{ position:relative; padding-left:10%;}
.HomeAbout .divRight .divCont img{ width:100%;}
.HomeAbout .divRight .divCont .divMore{ width:70%; height:77px; line-height:77px; padding:8px; background:url(../images/divMore_bg.png) repeat left top; position:absolute; left:0px; bottom:5%;}
.HomeAbout .divRight .divCont .divMore .a_video_more{ display:block; width:100%; height:100%; border:#396c93 1px solid;}
.HomeAbout .divRight .divCont .divMore .a_video_more a{ display:block; padding-left:20px; margin-right:8px; background:url(../images/icon_video.png) no-repeat right center;  color:#fff; font-size:1.167em;}

.HomeProduct{ background:url(../images/homePro_bg.jpg) no-repeat center center; background-size:100% 100%; padding:150px 0;}
.HomeProduct .HomeTile .cn{ color:#fff;}
.HomeProduct .HomeTile .en{ color:#3e648a;}
.HomeProduct .divCont ul{}
.HomeProduct .divCont ul li{ float:left; width:25%; background:#fff; position:relative;}
.HomeProduct .divCont ul li img{ width:100%;}
.HomeProduct .divCont ul li .divSpan{left:0; width:100%;background:#fff;}
.HomeProduct .divCont ul li.li-odd .divSpan{ position:absolute; left:0; bottom:auto; top:0;}
.HomeProduct .divCont ul li .span-up{ width:76px; height:42px; position:absolute; left:50%; top:75%; margin-left:-38px; margin-top:-21px; background:url(../images/pro_more_1.png) no-repeat center center;}
.HomeProduct .divCont ul li.li-odd .span-up{background:url(../images/pro_more_2.png) no-repeat center center;}
.HomeProduct .divCont ul li .divSpan .divSpanCont{ width:100%; height:100%; display:table;}
.HomeProduct .divCont ul li .divSpan .div{ display:table-cell; vertical-align:middle;}
.HomeProduct .divCont ul li .divSpan .div .cn{ display:block; text-align:center; font-size:1.33em; color:#000; margin-top:15px;  margin-bottom:15px;  word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;}
.HomeProduct .divCont ul li .divSpan .div .en{ display:block; text-align:center; color:#d2d2d2; line-height:14px; word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;}
.HomeProduct .divCont ul li:hover .divSpan{ background:#e62129;}
.HomeProduct .divCont ul li:hover .divSpan .div .cn{ color:#fff;}
.HomeProduct .divCont ul li:hover .span-up{background:url(../images/pro_more_1_on.png) no-repeat center center;}
.HomeProduct .divCont ul li.li-odd:hover .span-up{background:url(../images/pro_more_2_on.png) no-repeat center center;}

.HomeNews{ padding:150px 0;}
.HomeNews .HomeTile{ margin-bottom:2.5%;}
.HomeNews .HomeNewsTitle{ margin-bottom:2.5%; text-align:center;}
.HomeNews .HomeNewsTitle .span{ display:inline-block; width:160px; height:45px; line-height:45px; color:#636363; font-size:1.33em; background:#e9e9e9; margin:0 1%; cursor:pointer;}
.HomeNews .HomeNewsTitle .on{ background:#e62129; color:#fff;}
.HomeNews .divCont .Box{ display:none;}
.HomeNews .divCont .divNewsTop{ float:left; width:49%; border:#e0e0e0 1px solid;}
.HomeNews .divCont .divNewsTop img{ width:100%;}
.HomeNews .divCont .divNewsTop .info{ padding:14px 20px;}
.HomeNews .divCont .divNewsTop .info .a_tit{ display:block; font-size:1.33em; color:#101010; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.HomeNews .divCont .divNewsTop .info .a_tit:hover{ color:#014375;}
.HomeNews .divCont .divNewsTop .info .p{ font-size:1.167em; color:#949494; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.HomeNews .divCont .ulNewslist{ float:right; width:49%;}
.HomeNews .divCont .ulNewslist li{ border:#e0e0e0 1px solid; overflow:hidden; padding:4%; margin-bottom:2.96%;}
.HomeNews .divCont .ulNewslist li .time{ display:block; float:left; text-align:center;color:#acacac;  border-right:#e0e0e0 1px solid; padding-right:5%; line-height:20px; }
.HomeNews .divCont .ulNewslist li .time font{ display:block; font-size:2em; color:#636363;}
.HomeNews .divCont .ulNewslist li a{ display:block; line-height:40px; padding-left:5%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;font-size:14px;}

.HomeContactUs{ background:#014375; padding:150px 0;}
.HomeContactUs .HomeTile .cn{ color:#fff;}
.HomeContactUs .HomeTile .en{ color:#3e648a;}
.HomeContactUs .divHmeJobs{float:left; width:49%; position:relative;}
.HomeContactUs .divHmeJobs img{ width:100%;}
.HomeContactUs .divHmeJobs .divJobsCont{ position:absolute; left:0px; bottom:0px; background:url(../images/homeContactBg.png) repeat left top; color:#fff; padding:20px;}
.HomeContactUs .divHmeJobs .divJobsCont .more{ float:right; display:block; line-height:12px; text-align:center; border:#fff 1px solid; height:14px; color:#fff;}
.HomeContactUs .divHmeJobs .divJobsCont .divTit{ font-size:1.5em;}
.HomeContactUs .divHmeJobs .divJobsCont .info{ width:100%;}
.HomeContactUs .divHomeContact{float:right; width:49%;height:100%; position:relative;}
.HomeContactUs .divHomeContact .divMap{ position:absolute; left:0px; top:0px; width:100%; height:516px;}
.HomeContactUs .divHomeContact .divMap img{ max-width:auto;}
.HomeContactUs .divHomeContact .divJobsCont{ position:absolute; left:0px; top:280px;bottom:0px; background:url(../images/homeContactBg.png) repeat left top; color:#fff; padding:11px 20px 190px;}
.HomeContactUs .divHomeContact .divJobsCont .more{ float:right; display:block; line-height:12px; text-align:center; border:#fff 1px solid; width:14px; height:14px; color:#fff;}
.HomeContactUs .divHomeContact .divJobsCont .divTit{ font-size:1.5em;}
.HomeContactUs .divHomeContact .divJobsCont .info{ width:100%;}
.HomeContactUs .divHomeContact .divJobsCont .info dl dd{ margin:5px 0;}
.HomeContactUs .divHomeContact .divJobsCont .info dl dd img{ margin-right:5px;}

@media screen and (max-width:1220px){
.HomeAbout,.HomeProduct,.HomeNews,.HomeContactUs{ padding:6.5% 0;}
}
/*index*/

/*about*/
.divAbout{ padding:3.5% 0;}
.divAbout p{  font-size:1.33em;}
/*about*/

/*honor*/
.divHonor{ padding-top:3.5%;}
.divHonor ul li{ float:left; width:23%; margin-right:2.66%; margin-bottom:2.5%;}
.divHonor ul li figure{ overflow:hidden; border:#edf2f5 1px solid;}
.divHonor ul li figure figcaption{ background:#edf2f5; color:#617787; text-align:center; padding:7% 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:1.167em;}
.divHonor ul li:hover figure{ border:#014375 1px solid;}
.divHonor ul li:hover figure img{ }
.divHonor ul li:hover figure figcaption{ background:#014375; color:#fff; }
/*honor*/

/*news*/
.divNews{ padding-top:3%;}
.divNews ul li{ overflow:hidden; position:relative; border:#ebebeb 1px solid; padding:10px 0; color:#7e94a5;margin-bottom:2.5%;}
.divNews ul li .a_img{ position:absolute; left:10px; top:10px; display:block; width:204px;}
.divNews ul li .a_img img{ width:100%;}
.divNews ul li .info{ padding-left:245px; padding-right:160px;}
.divNews ul li .info .a_tit{ display:block; font-size:1.5em; color:#617787;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:2.5;}
.divNews ul li .info .p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:50px; font-size:1.2em;}
.divNews ul li .info .time{ display:block; margin-top:2%;}
.divNews ul li .a_more{ position:absolute; right:0; top:0; display:block; width:140px; height:80%; margin:1.5% 0; background:url(../images/news-more.png) no-repeat center center; border-left:#e5e5e5 1px solid;}
.divNews ul li:hover{ background:#014375; color:#fff;}
.divNews ul li:hover .info .a_tit{ color:#fff;}
/*news*/

/*newsinfo*/
.News_info{ width:100%; padding-bottom:8%;}
.News_info .info_title{ text-align:center; font-size:2.167em; color:#151515; display:block; padding-top:3.5%; padding-bottom:1.5%;}
.News_info .info_time{ font-size:1.167em; text-align:center; color:#949494; padding-bottom:1.5%; display:block;}
.News_info .PrevNextBox{ border-top:#ebebeb 1px solid; padding: 2% 0; margin-top:3%;}
.News_info .PrevNextBox dl{ width:60%;}
.News_info .PrevNextBox dl a{ font-size:1.167em; color:#4e4e4e; display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.News_info .PrevNextBox a.none{ cursor:default;}
.News_info .PrevNextBox a.none:hover{ color:#ccc;}
.info_txt p{  font-size:1.33em;}
.divShare{ float:right; margin-right:8%;}
.divShare .spanTitle{vertical-align: top;     margin-top: 4px;     display: inline-block;}
.jiathis_style_32x32{ display:inline-block;}
.jiathis_style_32x32 .jtico_jiathis{ background:url(../images/icon_fen_jia.png) no-repeat center center !important;}
.jiathis_style_32x32 .jtico_weixin{ background:url(../images/icon_fen_weixin.png) no-repeat center center !important;}
.jiathis_style_32x32 .jtico_tsina{ background:url(../images/icon_fen_sina.png) no-repeat center center !important;}
.jiathis_style_32x32 .jtico_renren{ background:url(../images/icon_fen_ren.png) no-repeat center center !important;}
.jiathis_style_32x32 .jtico_qzone{ background:url(../images/icon_fen_xin.png) no-repeat center center !important;}
/*newsinfo*/


/*faq*/
.divFaq{ padding-top:3.5%;}
.divFaq ul li{ margin-bottom:10px;}
.divFaq ul li .divProblem{ background:#edf2f5; font-size:1.167em; color:#617787; padding:2.5%; cursor:pointer;}
.divFaq ul li .divProblem .divProblemCont{background:url(../images/icon_right.png) no-repeat right center; padding-right:20px;}
.divFaq ul li .divProblem .divProblemCont b{ margin-right:1.5%;}
.divFaq ul li .divAnswer{ padding:2.5%; padding-top:0; display:none;}
.divFaq ul li .divAnswer .divAnswerCont{ padding:2.5%;}
.divFaq ul li.onOpen{ border:#dfdfdf 1px solid;}
.divFaq ul li.onOpen .divProblem{ background:none;}
.divFaq ul li.onOpen .divAnswer .divAnswerCont{ border-top:#ececec 1px solid;}
/*faq*/

/*download*/
.divDownload{ padding-top:3.5%;}
.divDownload ul li{ margin-bottom:10px;}
.divDownload ul li .divProblem{ background:#edf2f5; font-size:1.167em; color:#617787;  padding:2.5% 0 2.5% 2.5%;}
.divDownload ul li .divProblem .divProblemCont{ position:relative; padding-right:140px;}
.divDownload ul li .divProblem .divProblemCont .a_download{ display:block; height:100%; position:absolute; right:0px; top:0px; vertical-align:middle; width:120px; border-left:#d5dfe5 1px solid;text-align:center;}
.divDownload ul li .divProblem .divProblemCont .a_download .div{ display:table; width:100%; height:100%;}
.divDownload ul li .divProblem .divProblemCont .a_download span{ display:table-cell; color:#617787; vertical-align:middle; }
.divDownload ul li .divProblem .divProblemCont b{ margin-right:1.5%;}
.divDownload ul li .divProblem .divProblemCont a{color: #617787;}
/*download*/


/*contact*/
.divContact{ padding-bottom:7%;}
.divContact1{ padding-top:3.5%; padding-bottom:1.66%;}
.divContact1 p{ font-size:1.33em;}
.divContact2{ margin-top:3%; border:#ebebeb 1px solid; overflow:hidden; position:relative;}
.divContact2 .divLeft{ width:50%;}
.divContact2 .divLeft .div{ padding:1.66% 3.33%;}
.divContact2 .divRight{ position:absolute; top:0; right:0; width:50%; height:100%;}
.divContact2 .divRight .divMap{ width:100%; height:100%;}
.divContact3{ margin-top:3%; }
.divContact3  ul{ overflow:hidden;}
.divContact3 .ulli{ float:left; width:50%; box-sizing:border-box;}
.divContact3 .ulli .div{ border:#ebebeb 1px solid; padding:3.33%; color:#617787;}
.divContact3 .ulli .div .tit{ font-size:1.33em; font-weight:bold;}
.divContact3 .ulli .div .dl{ font-size:1.167em;}
/*contact*/

/*Jobs*/
.divJobs{ padding-top:4.16%;}
.divJobs .uli .uli-li{ border:#e8e8e8 1px solid;}
.divJobs .uli .divSpan{ overflow:hidden; background:#f9f9f9; padding:1% 0; cursor:pointer; color:#617787;}
.divJobs .uli .divSpan span{ display:block; float:left; font-size:1.167em;}
.divJobs .uli .divSpan .span1{ width:33%; padding-left:2%; text-align:left;}
.divJobs .uli .divSpan .span2{ width:20%; text-align:center;}
.divJobs .uli .divSpan .span3{ width:35%; text-align:right;}
.divJobs .uli .divSpan .span4{ width:10%; text-align:center;}
.divJobs .uli .divSpan .span4 .div{ display:inline-block; background:#d3d3d3; color:#fff; width:24px; height:24px; text-align:center; line-height:23px;}

.divJobs .on .divSpan{ background:#014375; color:#fff;}
.divJobs .on .divSpan  .span4 .div{ background:#fff; color:#014375;}
.divJobs .uli .divJobsInfo{ display:none;}
.divJobs .uli .divJobsInfo .divInfo{ padding:1.66% 3.33%; border-bottom:#e8e8e8 1px solid;}
.divJobs .uli .divJobsInfo .divBtn{ padding:1.66% 3.33%;}
.divJobs .uli .divJobsInfo .divBtn .a-btn{ display:block; width:164px; height:46px; line-height:46px; text-align:center; color:#fff; font-size:1.167em; background:#014375; border-radius:2px;}
/*Jobs*/

/*productInfo*/
.divProductInfo{ padding-top:3.75%;}
.CasesImgList{ width:55%; float:left;}
.CasesBigList{ width:100%; border:#dfdfdf 1px solid;}
.CasesBigList img{ width:100%;}

.CasesSmall{ display:block; width:78%; height:86px; /*background:#161616;*/ padding:0% 11%; position:relative; overflow:hidden;  margin-top:15px;}
.CasesSmall .prev{ width:10%; height:84px; display:block; border:#dfdfdf 1px solid; background:#fff url(../images/pro_prev.png) no-repeat center; position:absolute; left:0;  z-index:10;}
.CasesSmall .next{ width:10%; height:84px; display:block;  background:#e62129 url(../images/pro_next.png) no-repeat center; position:absolute; right:0;  z-index:10;}
.CasesSmall .CasesSmallList{ position:absolute; z-index:5; width:100%;}
.CasesSmall .CasesSmallList ul{ overflow:hidden;}
.CasesSmall .CasesSmallList ul li{ padding-right:10px; float:left; /*margin:0 1%;*/ width:131px; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.CasesSmall .CasesSmallList ul li img{ max-width:100%; height:80px; border:#dfdfdf 1px solid;}
.CasesSmall .CasesSmallList ul li.on img{ border:2px solid #e62129;}

.divProductInfoTit { width:42.5%; float:right; color:#617787;}
.divProductInfoTit .divTit{ font-size:2.167em; line-height:1.2; padding:4% 0; border-bottom:#dfdfdf 1px solid;}
.divProductInfoTit .p{ padding:4% 0; font-size:1.167em;}
.divProductInfoTit.on{overflow-y: scroll;}
.divProductInfoDown{ margin-top:5%;}
.divProductInfoDown .divTab{ background:#f6f6f6; overflow:hidden;}
.divProductInfoDown .divTab span{ display:block; float:left; padding:1.5% 4.5%; font-size:1.167em; color:#617787; cursor:pointer;}
.divProductInfoDown .divTab span.on{ background:#014375; color:#fff;}
.divProductInfoDown .box{ display:none; min-height:200px;}

/*@media (max-width: 1200px) 
{
.CasesBigList{ width:70%; margin:0 auto;}
.CasesSmall{ display:none;}
}*/

/*productInfo*/


.divVideo .divTitle{    text-align: center; font-size: 1.33em;  margin: 1.5% 0;}

.divSearch{ padding-top:3.75%;}
.divSearch ul{ /*margin-bottom:30px;*/}
.divSearch ul li{ line-height:45px; border-bottom:#666 1px dashed;}
.divSearch ul li .time{ float:right;}
.divSearch ul li a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

@media screen and (max-width:900px){
	/*top*/
	.Top{ background-image:none; background-color:#fff;}
	.divlogo {top: 10px; height:auto; width:20%;}
	.MainNav{ float:none; width:100%; display:inline-block; margin-top: 20px;}
	.MainNav ul li{ width:17%;}
	.MainNav ul li:first-of-type{ width:15%;}

	.MainNav ul li .divDown{ top:35px;}
	/*top*/
	
	/*bottom*/
	.BottomBt .links,.BottomBt .CopyRight{ float:none; width:100%; text-align:center; line-height:30px;}
	/*bottom*/
	
	/*productInfo*/
	.CasesSmall{ display:none;}
	/*productInfo*/
}

@media screen and (max-width:700px){
	/*top*/
	.divlogo{ top:0px; height:100%; width:30%;}
	.TopRight{ width:auto;}
	.MainNav{ display:none;  background-color:#014375; border-top:#fff 1px solid; border-bottom:#fff 1px solid; margin-top:0; position:absolute; top:80px; left:0px; width:100%; padding:0 10px; z-index:6;}
	.MainNav ul li,.MainNav ul li:first-of-type{ float:none; width:100%;}
	.MainNav ul li .divDown{ position:static;}
.MainNav ul li .navA {
    line-height: 60px;
}
.MainNav ul li.onnav .navA {
    color: #fff;
}
    .MainNav ul li:hover .divDown{ display:none;}
	/*菜单导航*/
	.navbar-toggle{ display:block;}
	.divlogo  img{  width:60%;}
	.TopRight .divWeinxin,.TopRight .divSina{ display:none;}
	/*top*/
	.Top .Main {
    min-height:80px;
}
	/*pages*/
	.Pages .p_page .num{ display:none;}
	.Pages .p_page .em_num{ display: inline-block; float: left; padding: 0 10px;line-height: 34px;font-size: 1.167em;}
	/*pages*/
	
	/*index*/
	.HomeAbout .divleft,.HomeAbout .divRight{ float:none; width:100%; padding:0;}
	.HomeAbout .divleft{ margin-bottom:5%;}
	.HomeAbout .divleft .a_about_more{ position:static;}
	
	.HomeProduct .divCont ul li{ width:50%;}
	.HomeProduct .divCont ul li img{ width:100%;}
	
	.HomeNews .divCont .divNewsTop,.HomeNews .divCont .ulNewslist,.HomeContactUs .divHmeJobs,.HomeContactUs .divHomeContact{ float:none; width:100%;}
	.HomeNews .divCont .divNewsTop,.HomeContactUs .divHmeJobs{ margin-bottom: 2.2%;}
	/*index*/
	
	/*bottom*/
	.Bottom .BottomLinks dl{ width:20%; min-height:inherit;padding: 0;}
	.Bottom .BottomLinks dl dt{ margin-bottom:3%;line-height: 30px;}
	.Bottom .btRight{ float:left; width:100%;text-align: center;}
	.Bottom .lineBottomLinks{ display:block; clear:both; width:0; height:0; margin-bottom:5%;}
	/*bottom*/
	
	/*honor*/
	.divHonor ul li{ width:48.67%;}
	.divHonor ul li:nth-child(2n){ margin-right:0;}
	/*honor*/
	
	/*news*/
	.divNews ul li { padding:10px;}
	.divNews ul li .a_img{ position:static; width:100%;}
	.divNews ul li .info{ padding:0; width:100%;}
	.divNews ul li .info .p{ height:auto; -webkit-line-clamp: inherit;}
	.divNews ul li .a_more{ display:none;}
	/*news*/
	
	/*newsInfo*/
	.News_info .PrevNextBox dl{ width:100%;}
	.divShare{ float:none; margin-right:0;}
	/*newsInfo*/
	
	/*download*/
	.divDownload ul li .divProblem .divProblemCont{ padding-right:100px;}
	.divDownload ul li .divProblem .divProblemCont .a_download{ padding:0; width:80px;}
	/*download*/
	
	/*contact*/
	.divContact2 .divLeft,.divContact2 .divRight{ width:100%; position:static;}
	.divContact2 .divRight{ height:300px;}
	.divContact3 .ulli{ float:none; width:100%;}
	/*contact*/
	
	/*productInfo*/
	.CasesImgList,.divProductInfoTit{ float:none; width:100%;}
	/*productInfo*/
	.CurrentCont {
    border-bottom: #edf2f5 0px solid;
}
	
	}

@media screen and (max-width:440px){
	.navbar-toggle {
    top: 35%;
}
	.divlogo { top:0;  height:100%; width:30%;}
	.divlogo  img{  width:60%;}
	}




/*20170222*/
#dqtabbox{/*position: relative;background: url(../images/dt-d.jpg) center top no-repeat;width: 100%;height: 800px;*/}
#dqtabbox .tablist{/*position: absolute;bottom:0;left:0;*/text-align: center;font-size: 0px;}
#dqtabbox .tablist li{float: left;/*position: relative;height: 50px;margin-bottom: 10px;*/} 
#dqtabbox .tablist li+li{margin-left:2px;} 
#dqtabbox .tablist li p{width:100%;margin:0;background: #b7bfd1;text-align: center;line-height: 22px;color: #010101;font-size: 14px;position: absolute;bottom:0;}
#dqtabbox .tablist dd{cursor:pointer;text-align:center;float: left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding:3px 10px; font-size: 12px;color: #fff;background: #014375; margin-bottom:10px; margin-right:10px;}
#dqtabbox .tablist dd:hover,#dqtabbox .tablist dd.on{ background:#e62129;}
#dqtabbox .tabcontbox{ padding:10px 0;/*height: 665px;*/width: 100%;/*position: absolute;top:0;*/}
#dqtabbox .tabcontbox li{/*max-height: 665px;overflow-y:auto;*/width: 100%;display: none;}

@media screen and (max-width:700px){
    #dqtabbox{background: none;height:auto;}
    #dqtabbox .tabcontbox{/*min-height: 200px;max-height: 600px;overflow-y:auto;*/ }
    #dqtabbox .tabcontbox li{/*max-height: 500px;overflow:auto;width: 100%;*/ }
}



/*投诉建议*/
.formCon{ padding-bottom:40px;}
.formTi{ text-align:center; font-size:18px; font-weight:bold; margin:0; padding:40px 0;}
.form-group{ position:relative; }
.form-group label{ font-size:16px; display:block;   line-height:42px;} 
.form-group .form-control{ font-family:'Microsoft Yahei'; color:#444; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:100%; border:1px solid #ededed; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px; padding:10px; font-size:14px; }
.yz img{ margin:15px 0; display:block; }
.form-group .btn{ font-size:16px; display:block; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px; padding:6px 0px; width:100%; background:#e62129; color:#fff; cursor:pointer; margin:0 auto;}


@media screen and (min-width:768px){
	.formCon{ width:70%; margin:0 auto;}
	.form-group{  padding-left:100px; margin-bottom:15px;}
	.form-group label{  position:absolute; left:0; top:0; } 
	.yz .form-control{ width:70%; float:left; display:inline;}
	.yz img{ margin:0; height:42px; float:right; display:inline;}
}
@media screen and (min-width:992px){
	.formCon{ width:40%;}
}